<style lang="scss">
@import "uview-plus/index.scss";
</style>
<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>

.jzjdt {
  border: 3px solid hsla(185, 100%, 62%, 0.2);
  border-top-color: #3a9e5f;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.u-safe-bottom{
  display: none;
  height: 0;
}
.pad_r_10{
  padding-right: 10px;
}
.sy_bg{
  background-image: url("https://xdjzapi.towngo.cn/uploads/images/wx/202507/03/xcx_1751534439_PSLyKEVkpT.png");
  background-size: 100% 100%;
}
.qr_button{
  background-color: #3a9e5f;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  border-radius: 50px;
}
.qx_button{
  background-color: #d5f0dd;
  text-align: center;
  color: #3a9e5f;
  padding: 10px 0;
  border-radius: 50px;
}
.swiper{
  height: 190px!important;
}
.bag_bg{
  background-image: url("https://xdjzapi.towngo.cn/wx/xcx_bj_20250701124616.png");
  background-size: 100% 100%;
}
nav{
  position: relative;
  height: 50px;
}
.pad_20_10{
  padding: 20px 10px;
}
.pad_0_5{
  padding: 0 5px;
}
.mag_5_0{
  margin: 5px 0;
}
nav a{
  /*padding: 5px 0;*/
  position: relative;
  display: block;
  float: left;
  line-height: 50px;
  height: 50px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  z-index: 10;
  font-weight:bold;
  user-select:none;
}
nav a{
  width: 120px;
  font-weight: normal;
  font-size: 18px;
  color: white;
}
nav .animation{
  position: absolute;
  height: 100%;
  width: 120px;
  background-color: #4f80f0;
  z-index: 9;
  border-radius: 10px;
  transition: all 0.3s;
}
.wh_f_l{
  display: flex;
}
.wh_f_l > view:nth-child(1){
  flex: 1;
}
.wh_f_r{
  display: flex;
}
.wh_f_r > view:nth-child(2){
  flex: 1;
}
.whe_maxv_view{
  width: 100vw;
  height: 100vh;
  background-color: #f8faf7;
}
.icon_wh{
  width: 12px;
  height: 12px;
  margin: 0 5px;
}
.icon_wh{
  width: 15px;
  height: 15px;
  margin: 0 5px;
}
.icon_15{
  width: 15px;
  height: 15px;
  margin: 0 5px;
}
.icon_20{
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
.icon_jt{
  width: 7px;
  height: 12px;
  margin:0 5px;
}
.wz_hei{
  color: #191919;
}
.scx{
  text-decoration: line-through;
}
.u-swiper{
  background-color: transparent!important;
}
.wz_jz{
  text-align: center;
}
.jz{
  margin: 0 auto;
}
.ba_gr{
  background-color: #3a9e5f;
}
.ba_qgr{
  background-color: #d5f0dd;
}
/* 垂直居中 垂直居中 垂直居中*/
.czjz_flex{
  display: flex;
  align-items: center;
}
.spjz_flex{
  display: flex;
  justify-content:center;
}
/*  水平垂直居中 水平垂直居中 */
.jz_flex{
  display: flex;
  justify-content:center;
  align-items: center;
}
.flex_1{
  flex: 1;
}
.flex_2{
  flex: 2;
}
.flex_3{
  flex: 3;
}
.flex_4{
  flex: 4;
}
.flex_5{
  flex: 5;
}
.flex_6{
  flex: 6;
}
.flex_7{
  flex: 7;
}
.flex_8{
  flex: 8;
}
.flex_9{
  flex: 9;
}
.pad_t-5{
  padding-top: 5px;
}
.scroll-container {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden;    /* 隐藏超出部分 */
  position: relative;  /* 相对定位以便滚动元素正确位置 */
}

.scroll-text {
  display: inline-block; /* 让 text 变成块元素 */
  animation: scrollText 10s linear infinite; /* 10秒内左右滚动 */
}

@keyframes scrollText {
  0% {
    transform: translateX(100%); /* 从右侧进入 */
  }
  100% {
    transform: translateX(-100%); /* 向左侧滚出 */
  }
}
/*本项目CSS*/
/* 马明宇的样式 */
/*-ms-overflow-style: none;*/
/*火狐下隐藏滚动条*/
/*scrollbar-width: none;*/
.ul li{
  list-style: none;
  display: inline-block;
}
.pad_10{
  padding: 10px;
}
.pad_t_10{
  padding-top: 10px;
}
.pad_t_20{
  padding-top: 20px;
}
.pad_t_15{
  padding-top: 15px;
}
.pad_15{
  padding: 15px;
}
.pad_20{
  padding: 20px;
}
.gd_1-5{
  transition: 1.5s;
}
.gd_1{
  transition: 1s;
}
.gd_05{
  transition: 0.5s;
}
.xt{
  font-weight:lighter;
}
.wz_ys{
  font-family:Arial,Helvetica,sans-serif;
}
.wz_zi{
  color: #4e7bfe;
}
.pad_l_5{
  padding-left:5px;
}
.btn button{
  padding: 5px 15px;
  border-radius: 5px;
  border: 1px white solid;
  background-color: rgb(55, 143, 243);
  color: white;
}
.whe_max{
  width: 100%;
  height: 100%;
}
.whe_maxv{
  width: 100vw;
  height: 100vh;
  /* overflow: hidden; */
}
.bor_8{
  border-radius: 8px;
}
.ba_hui{
  background-color: #8e8e92;
}
.ba_qhui{
  background-color: #f5f7fa;
}
.box_yy{
  box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
  text-decoration: none;
}
.xyy{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.wz_ju{
  color: #DC2D22;
}
.wz_hui{
  color: #636363;
  /*color: #8E8E8E;*/
}
.wz_zhui{
  color: #808080;
  /*color: #8E8E8E;*/
}
.wz_huis{
  color: #595959;
  /*color: #8E8E8E;*/
}
.wz_black{
  color: #191919;
}
.wz_white{
  color: white;
}
.wz_red{
  color: #d9001b;
}
.wz_qred{
  color: #e63946;
}
.wz_blue{
  color: #006be6 !important;
}
/* 边框弧度 边框弧度 边框弧度*/
.bor_15{
  border-radius: 15px;
}
.bor_10{
  border-radius: 10px;
}
.bor_5{
  border-radius: 5px;
}
.bor_4{
  border-radius: 4px;
}
.bor_20{
  border-radius: 20px;
}
.bor_25{
  border-radius: 25px;
}
.bor_50{
  border-radius: 50px;
}
.bor_255{
  border-radius: 50%;
}
/* 去边框 去边框 去边框*/
.bor_none{
  border: none;
}
/* 背景色 */
.ba_red{
  background-color: red;
}
.ba_white{
  background-color: white;
}
.ba_hei{
  background-color: black;
}
.xd{
  position: relative;
}
.jd{
  position: absolute;
}
.pm{
  position: fixed;
}
.mc{
  background-color: rgba(78,76,79,0.95);
}
.xc{
  outline: none;
}
.xcc input select{
  outline: none;
}
.pad_5{
  padding: 5px;
}
.pad_l-10{
  padding-left: 10px;
}
.pad_l-20{
  padding-left: 20px;
}
.fz_30{
  font-size: 30px;
}
.fz_10{
  font-size: 10px;
}
.fz_12{
  font-size: 12px;
}
.fz_13{
  font-size: 13px;
}
.pad_50_0{
  padding: 50px 0;
}
.fz_20{
  font-size: 20px;
}
.fz_25{
  font-size: 25px;
}
.fz_26{
  font-size: 26px;
}
.fz_24{
  font-size: 24px;
}
.fz_15{
  font-size: 15px;
}
.fz_16{
  font-size: 16px;
}
.fz_17{
  font-size: 17px;
}
.fz_18{
  font-size: 18px;
}
.fz_30{
  font-size: 30px;
}
.fz_32{
  font-size: 32px;
}
.fz_34{
  font-size: 34px;
}
.fz_36{
  font-size: 36px;
}
.fz_27{
  font-size: 27px;
}
.fz_28{
  font-size: 28px;
}
.fz_14{
  font-size: 14px;
}
/*  水平垂直居中 水平垂直居中 */
.jz_flex{
  display: flex;
  justify-content:center;
  align-items: center;
}
.db_flex{
  display: flex;
  justify-content:center;
  align-items: flex-end;
}
/* 强行不换行 */
.flex_two{
  align-items:flex-start;
}
.u-count-down__text{
  color: #ff9a2e!important;
  font-size: 26px!important;
  line-height: 26px;
}
/* 垂直居中 垂直居中 垂直居中*/
.czjz_flex{
  display: flex;
  align-items: center;
}
.spjz_flex{
  display: flex;
  justify-content:center;
}
.flex_hh{
  flex-wrap: wrap;
}
/* flex-wrap: nowrap | wrap | wrap-reverse; */
/* flex布局 flex布局 flex布局*/
.wh_f{
  display: flex;
}
.he_f{
  display: flex;             /* 启用 Flexbox 布局 */
  flex-direction: column;    /* 垂直排列子元素 */
}
.bor_bai{
  border: white 1px solid;
}
/*文字播放效果*/
.roll {
  white-space: nowrap;
  animation: 5s loop linear infinite normal;
  display: inherit;
}
@keyframes loop {
  0% {
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes loop {
  0% {
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.op_5{
  opacity: 0.5;
}
.op_4{
  opacity: 0.4;
}
.op_3{
  opacity: 0.3;
}
.op_2{
  opacity: 0.2;
}
.op_1{
  opacity: 0.1;
}
.op_9{
  opacity: 0.9;
}
.op_9-5{
  opacity: 0.95;
}
.op_8{
  opacity: 0.8;
}
.flex_1{
  flex: 1;
}
.flex_2{
  flex: 2;
}
.flex_3{
  flex: 3;
}
.flex_4{
  flex: 4;
}
.flex_5{
  flex: 5;
}
.flex_6{
  flex: 6;
}
.flex_7{
  flex: 7;
}
.flex_8{
  flex: 8;
}
.flex_9{
  flex: 9;
}
.flex_10{
  flex:10 ;
}
/* 超出滚轮 */
.bor_b_hui{
  border-bottom: 1px solid #ebebeb;
}
.mag_20_0{
  margin: 20px 0;
}
.mag_10_0{
  margin: 10px 0;
}
.mag_0_10{
  margin: 0 10px;
}
.mag_0_5{
  margin: 0 5px;
}
/* 边框样式 边框样式 边框样式*/
.bor_1_hui{
  border: 1px solid #dcdfe6;
}
.bor_1_hei{
  border: 1px black solid;
}
.bor_15{
  border-radius: 15px;
}
.bor_10{
  border-radius: 10px;
}
.bor_5{
  border-radius: 5px;
}
.bor_3{
  border-radius: 3px;
}
/* 固定宽高样式 固定宽高样式 固定宽高样式*/
.jd_bot{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width:100%;
}
/* 宽高比例样式 宽高比例样式 宽高比例样式*/
.wh_max{
  width: 100%;
}
.he_max{
  height: 100%;
}
.wh_8{
  width: 80%;
}
.wh_2{
  width: 20%;
}
.wh_3{
  width:30% ;
}
.wh_3-5{
  width:35% ;
}
.wh_2-5{
  width: 25%;
}
.wh_4{
  width:40%;
}
.wh_4-5{
  width:45%;
}
.wh_5{
  width:50%;
}
.wh_5-5{
  width:55%;
}
.wh_7{
  width:70% ;
}
.wh_6{
  width: 60%;
}
.wh_6-5{
  width: 65%;
}
.wh_1{
  width:10% ;
}
.wh_9{
  width:90% ;
}
.wh_9-5{
  width: 95%;
}
.he_8{
  height:80% ;
}
.he_4{
  height:40% ;
}
.he_5-5{
  height:55% ;
}
.he_6{
  height:60% ;
}
.he_6-5{
  height:65% ;
}
.he_2{
  height:20% ;
}
.he_1{
  height: 10%;
}
.he_0-5{
  height: 5%;
}
.he_1-5{
  height: 15%;
}
.he_9{
  height:90% ;
}
.he_3{
  height:30% ;
}
.he_5{
  height: 50%;
}
.he_7{
  height:70% ;
}
.jz{
  margin: auto;
}
.lef-10{
  left: 10px;
}
.lef-5{
  left: 5px;
}
.lef-1{
  left: 1px;
}
.lef-2{
  left: 2px;
}
.lef-3{
  left: 3px;
}
.lef-4{
  left: 4px;
}
.rig-10{
  right:10px;
}
.rig-5{
  right:5px;
}
.rig-1{
  right:1px;
}
.rig-2{
  right:2px;
}
.rig-3{
  right:3px;
}
.rig-4{
  right:4px;
}
.rig-20{
  right:20px;
}
/* 文字样式 文字样式 文字样式*/
.em{
  font-weight: bold;
}
.wz_jz{
  text-align: center;
}
.wz_fz_14{
  font-size: 14px;
}
.ccsl_1{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/*两行隐藏*/
.ccsl_2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow:hidden;
  word-break: break-all;
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  /*overflow: hidden!important;*/
  /*text-overflow: ellipsis;*/
}
.disb{
  display: block;
}
/*四行隐藏*/
.ccsl_4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow:hidden;
}
.disp{
  display: inline-block;
}
.boxs{
  box-sizing: border-box;
}
.hh{
  table-layout: fixed;
  white-space: normal
}
/* margin边距 margin边距 margin边距*/
.mag_l-10{
  margin-left: 10px;
}
.mag_l-20{
  margin-left: 20px;
}
.mag_l-30{
  margin-left: 30px;
}
.mag_l-15{
  margin-left: 15px;
}
.mag_l-5{
  margin-left: 5px;
}
.mag_l-1{
  margin-left: 1px;
}
.mag_l-2{
  margin-left: 2px;
}
.mag_l-3{
  margin-left: 3px;
}
.mag_r-10{
  margin-right: 10px;
}
.mag_r-20{
  margin-right: 20px;
}
.mag_r-5{
  margin-right: 5px;
}
.mag_r-4{
  margin-right: 4px;
}
.mag_r-4{
  margin-right: 4px;
}
.mag_r-3{
  margin-right: 3px;
}
.mag_r-2{
  margin-right: 2px;
}
.mag_r-1{
  margin-right: 1px;
}
.mag_l_15{
  margin-left: 15%;
}
.mag_t-10{
  margin-top: 10px;
}
.mag_t-15{
  margin-top: 15px;
}
.mag_t-1{
  margin-top: 1px;
}
.mag_t-10{
  margin-top: 10px;
}
.mag_t-15{
  margin-top: 15px;
}
.mag_t-5{
  margin-top: 5px;
}
.mag_t-7{
  margin-top: 7px;
}
.mag_t-20{
  margin-top:20px;
}
.mag_t-30{
  margin-top: 30px;
}
.mag_t-50{
  margin-top: 50px;
}
.mag_b_5{
  margin-bottom: 5px;
}
.mag_b_10{
  margin-bottom: 10px;
}
.mag_b_15{
  margin-bottom: 15%;
}
.mag_b_20{
  margin-bottom: 20px;
}
.wz_lv{
  color: #3a9e5f!important;
}
.pad_t-10{
  padding-top: 10px;
}
.wz_leftdq{
  text-align: left;
}
.wz_rigdq{
  text-align: right;
}
.text_rightdq{
  text-align: right;
}
.ccgl{
  overflow: auto;
  -ms-overflow-style: none;  /* 隐藏滚动条 */
  scrollbar-width: none; /* 隐藏滚动条 */
}
.ccgl-y{
  overflow-y: scroll;
}
.ba_yell{
  background-color: #FDCB2C;
}
.ba_gr{
  background-color: #0fb872;
}
.ba_blue{
  background-color: #3790fe;
}
.ba_xblue{
  background-color: #dfedff;
}
.ba_zi{
  background-color: #6c4ef2;
}
.bhh{
  white-space: nowrap;
}
.ddisp > view{
  display: inline-block;
}
.xsgb{
  cursor: pointer;
}
.split3{
  display: inline-block;
  vertical-align: middle;
  width:33%;
}
.split4{
  display: inline-block;
  vertical-align: middle;
  width:25%;
}
.split_8_2 {
  white-space: nowrap;
}
.split_8_2 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_8_2 > view:nth-child(1){
  width: 80%;
}
.split_8_2 > view:nth-child(2){
  width: 20%;
}
.split_15_85{
  white-space: nowrap;
}
.split_15_85 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_15_85 > view:nth-child(1){
  width: 15%;
}
.split_15_85 > view:nth-child(2){
  width: 85%;
}
.split_2_8 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_2_8 > view:nth-child(1){
  width: 20%;
}
.split_2_8 > view:nth-child(2){
  width: 80%;
}
.split_2_7 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_2_7 > view:nth-child(1){
  width: 20%;
}
.split_2_7 > view:nth-child(2){
  width: 70%;
}
.split_9_1 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_9_1 > view:nth-child(1){
  width: 90%;
}
.split_9_1 > view:nth-child(2){
  width: 10%;
  text-align: right;
}
.split_7_3 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_7_3 > view:nth-child(1){
  width: 70%;
}
.split_7_3 > view:nth-child(2){
  width: 30%;
}
.split_3_7 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_3_7 > view:nth-child(1){
  width: 30%;
}
.split_3_7 > view:nth-child(2){
  width: 70%;
}
.split_3_3 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_3_3 > view:nth-child(1){
  width: 33%;
}
.split_3_3 > view:nth-child(2){
  width: 33%;
}
.split_3_3 > view:nth-child(3){
  width: 33%;
}
.split_1_9 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_1_9 > view:nth-child(1){
  width: 10%;
}
.split_1_9 > view:nth-child(2){
  width: 90%;
}
.split_4_6 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_4_6 > view:nth-child(1){
  width: 40%;
}
.split_4_6 > view:nth-child(2){
  width: 60%;
}
.flex_r{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.split_6_4 > view{
  display: inline-block;
  vertical-align: middle;
}
.split_6_4 > view:nth-child(1){
  width: 60%;
}
.split_6_4 > view:nth-child(2){
  width: 40%;
}
.split_2, .split_3{
  white-space: nowrap;
}
.split_2 > view{
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.split_3 > view{
  width: calc(100% / 3);
  display: inline-block;
  vertical-align: middle;
}
.split_5 > view{
  width: calc(100% / 5);
  display: inline-block;
  vertical-align: middle;
}
.split2_r{
  display: inline-block;
  vertical-align: middle;
  width:50%;
  text-align: right;
}
.centerdq{
  vertical-align:middle;
}
.topdq{
  vertical-align: top!important;
}
.bottomdq{
  vertical-align:bottom;
}
.mag_l_5{
  margin-left: 5px;
}
.pad_20_0{
  padding: 20px 0;
}
.pad_10_0{
  padding: 10px 0;
}
.pad_5_0{
  padding: 5px 0;
}
.wz_huang{
  color: #ffa543;
}
.pad_3_0{
  padding: 3px 0;
}
.pad_5_10{
  padding: 5px 10px;
}
.pad_3{
  padding: 3px;
}
.pad_2{
  padding: 2px;
}
.pad_15_0{
  padding: 15px 0;
}
.pad_0_15{
  padding: 0 15px;
}
.pad_0_20{
  padding: 0 20px;
}
.pad_0_10{
  padding: 0 10px;
}
.pad_b_20{
  padding: 0 0 20px 0;
}
.pad_b_30{
  padding: 0 0 30px 0;
}
.pad_b_10{
  padding: 0 0 10px 0;
}
.pad_b_15{
  padding: 0 0 15px 0;
}
.pad_30_0{
  padding: 30px 0;
}
/*禁止滑动*/
/* catchtouchmove="ture" */

.ba_huis{
  background-color: #81b8fd;
}
.back_hui{
  background-color: #f6f8f9;
}
.bor_dx_hui{
  border-bottom:5px dotted #f0f0f0;
}
.wz_qhui{
  color: #afafaf;
}
.xz180{
  transform: rotate(180deg);
  transition: all 0.2s;
}
.xz0{
  transform: rotate(0deg);
  transition: all 0.2s;
}
.xz90{
  transform: rotate(90deg);
  transition: all 0.5s;
}
.xz270{
  transform: rotate(270deg);
  transition: all 0.5s;
}

/*fade-enter:进入过渡的开始状态，元素被插入时生效，只应用一帧后立刻删除。*/
/*fade-enter-active:进入过渡的结束状态，元素被插入时就生效，在过渡过程完成后移除。*/
/*fade-leave:离开过渡的开始状态，元素被删除时触发，只应用一帧后立刻删除。*/
/*fade-leave-active:离开过渡的结束状态，元素被删除时生效，离开过渡完成后被删除。*/
/*in-out(mode默认in-out模式）：新元素先进入过渡，完成之后当前元素过渡离开。*/
/*       out-in：当前元素先进行过渡离开，离开完成后新元素过渡进入。*/

/*路由过渡动画*/
/*路由过渡动画*/
.router_gd-enter-active{
  opacity: 0;
  transition:all 0.7s;
  position: relative;
  left:-50px;
}
.router_gd-enter-to{
  opacity: 1;
  transition:all 0.7s;
  position: relative;
  left:0px;
}
.router_gd-leave-active{
  opacity: 1;
  transition:all 0.5s;
  position: relative;
  left:0px;
}
.router_gd-leave-to{
  opacity: 0;
  transition:all 0.7s;
  position: relative;
  left: 50px;
}



/*.scale-enter-active,*/
/*.scale-leave-active {*/
/*    transition: all 0.5s ease;*/
/*}*/
/*.scale-enter-from,*/
/*.scale-leave-to {*/
/*    opacity: 0;*/
/*    transform: scale(0.9);*/
/*}*/


.transitionBody{
  transition: all 0.4s ease-out;
}
.transitionLeft-enter,
.transitionRight-leave-active {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.transitionLeft-leave-active,
.transitionRight-enter {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.transitionLeft-enter-active,
.transitionRight-enter-active {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
/*缩放过渡*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
/*滑动过渡*/
.slide-enter-active,
.slide-leave-active {
  transition: all 0.75s ease-out;
}
.slide-enter-to {
  position: absolute;
  right: 0;
}
.slide-enter {
  position: absolute;
  right: -100%;
}
.slide-leave-to {
  position: absolute;
  left: -100%;
}
.slide-leave {
  position: absolute;
  left: 0;
}
.wrapper {
  width: 100%;
  min-height: 100vh;
  background: chartreuse;
}
/*缩放*/
scale-enter-active,
.scale-leave-active {
  transition: all 0.5s ease;
}
.scale-enter-from,
.scale-leave-to {
  opacity: 0;
  transform: scale(0.9);
}

.el-menu {
  border-right: none;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding-left: 0;
  position: relative;
}
.el-menu-item{
  color: white;
  border-radius: 10px;
}

.img_zfx {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
}
.img_zfx image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.img_zfx up-image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.img_zfx_0 {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
}
.img_zfx_0 image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.img_zfx_0 up-image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.img_ysbl {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
}
.img_ysbl image img {
  position: absolute;
  height: auto;
  width: 100%;
  object-fit: cover;
}

.img_cfx {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
}
.img_cfx image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.img_bg{
  position: relative;
}
.img_bg>view{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.img_bg>image{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

</style>
//@import '/static/css/mdsmyu.css';
